.portal-page {

  .navbar-item {
    padding: 6px 10px;
    gap: 1px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #ccc;
    .navbar-item-text {
      color: #888;
      font-family: PingFang SC;
      font-size: 14px;
      margin-left: 2px;
    }
  }
  .navbar-item_selected {
    background: #edefff;
    .navbar-item-text {
      color: #366ef4;
    }
    border: 1px solid #edefff;
  }

  .portal-page-body {
    width: 100%;
    min-height: calc(100vh - 370px);
    >div {
      min-height: 100%;
    }
    .workbench-content{
      height: max-content !important;
    }
  }
  .full-page {
    display: flex;
    gap: 0 10px;

    width: 100%;
    height: 100%;

    .page-left {
      flex-grow: 1;
      height: 100%;
    }
    .page-right {
      background-color: #fff;
      padding: 0 10px;
      width: 300px;
      height: max-content;
      padding-bottom: 20px;
    }
  }

  .infomation-page {
    .list-item {
      width: 100%;
      display: flex;
      .list-index {
        width: 20px;
      }
      .list-text {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
  }
}

.info-card {
  display: flex;
  margin-bottom: 20px;
  background-color: #fff;
  border-radius: 10px;
  &-content {
    flex-grow: 1;
    padding: 10px 20px;
    &-title {
      font-size: 16px;
      font-weight: 600;
    }
    &-desc {
      font-size: 13px;
      color: #888;
    }
  }

  &-img {
    margin: 10px;
    width: 180px;
    height: 180px;
    img {
      width: 180px;
      height: 180px;
      border-radius: 10px;
    }
  }
}
